<template>
	<view class="p-20px">
		<view class="mb-20px">权限设置</view>
		<view>
			<view class="flex flex-y-center px-20px py-20px mb-40px bg-white rounded-50px">
				<view class="w-180px text-24px text-center">启用弹幕:</view>
				<view class="line mr-20px mt-2px"></view>
				<view class="flex-1 flex flex-x-end">
					<uv-switch v-model="state.value1"></uv-switch>
				</view>
			</view>

			<view class="flex flex-y-center px-20px py-20px mb-40px bg-white rounded-50px">
				<view class="w-180px text-24px text-center">显示排行榜:</view>
				<view class="line mr-20px mt-2px"></view>
				<view class="flex-1 flex flex-x-end">
					<uv-switch v-model="state.value2"></uv-switch>
				</view>
			</view>

			<view class="flex flex-y-center px-20px py-20px mb-40px bg-white rounded-50px">
				<view class="w-180px text-24px text-center">拼团信息:</view>
				<view class="line mr-20px mt-2px"></view>
				<view class="flex-1 flex flex-x-end">
					<uv-switch v-model="state.value3"></uv-switch>
				</view>
			</view>

			<view class="flex flex-y-center px-20px py-20px mb-40px bg-white rounded-50px">
				<view class="w-180px text-24px text-center">头像/昵称脱敏:</view>
				<view class="line mr-20px mt-2px"></view>
				<view class="flex-1 flex flex-x-end">
					<uv-switch v-model="state.value4"></uv-switch>
				</view>
			</view>
		</view>

		<view class="mt-40px">
			<uv-button text="提交" color="black" shape="circle"></uv-button>
		</view>

		<BackWorkSpace></BackWorkSpace>
	</view>
</template>

<script setup name="PermissionSettings">
	import {
		ref,
		reactive,
		onMounted,
	} from 'vue';
	import BackWorkSpace from '@/components/BackWorkSpace.vue'

	const datetimePicker = ref()
	const state = reactive({
		value1: false,
		value2: false,
		value3: false,
		value4: false,
	})
</script>

<style lang="scss">
	page {
		background: rgb(244, 243, 248);
	}

	.line {
		width: 1px;
		height: 40rpx;
		background: #dedede;
	}

	:deep(.uv-form-item__body__left__content__label) {
		justify-content: center !important;
	}

	.remark {
		color: rgb(225, 78, 133);
		background: rgb(255, 227, 239);
	}
</style>